import Vue from 'vue'
import App from './App.vue'
import router from './router'
import singleSpaVue from 'single-spa-vue'

Vue.config.productionTip = false

const appOptions = {
  el: '#vue',
  router,
  render: h => h(App)
}

const vueLifeCycle = singleSpaVue({
  Vue,
  appOptions
})

// 如果是父应用引用我
if (window.singleSpaNavigate) {
  __webpack_public_path__ = 'http://localhost:10000/'
}
// 协议接入 我订好了协议，父应用会调用者这些方法
export const bootstrap = vueLifeCycle.bootstrap
export const mount = vueLifeCycle.mount
export const unmount = vueLifeCycle.unmount

// new Vue({
//   router,
//   render: h => h(App)
// }).$mount('#app')

/**
 * single-spa 的缺点
 * 1. 不够灵活，不能动态加载 js 文件
 * 2. 样式不隔离
 * 3. 没有 js 沙箱机制
 */
